@import '../../../../scss/colors.scss';
.my-report{
    width:100%;
    background: #fff;
    padding:40px 20px 0 20px;
    >h3{
        width: 100%;
        max-width: 1600px;
        margin:0px auto 20px auto;
        font-size:22px;
        font-weight:bold;
        color:#333;
        line-height: 22px;
        border-left: 2px solid $primary-color;
        padding-left:25px;
    }
    &-info{
        width: 100%;
        max-width: 1600px;
        margin:0px auto 20px auto;
        background:#F5F5F5;
        height:42px;
        line-height:42px;
        padding:0 20px;
        display: flex;
        justify-content: start;
        div{
            color:#999;
            margin-right: 25px;
            span{
                color:#333;
            }
        }
    }
    &-filter{
        width: 100%;
        max-width: 1600px;
        margin:30px auto 30px auto;
        padding-top:30px;
        border-top:1px solid #F1F1F1;
        display: flex;
        justify-content: space-between;
    }
            p{
                flex-grow: 1;
                line-height: 32px;
                margin-bottom: 0;
                span{
                    margin-left: 10px;
                }
                .green{
                    &:before{
                        content:"●";
                        color:#36BC75;
                    }
                }
                .yellow{
                    &:before{
                        content:"●";
                        color:#F8BF52;
                    }
                }
                .orange{
                    &:before{
                        content:"●";
                        color:#F89452;
                    }
                }
                .red{
                    &:before{
                        content:"●";
                        color:#FF5959;
                    }
                }
                .blue{
                    &:before{
                        content:"●";
                        color:#00A4FF;
                    }
                }
            }
    &-table{
        width: 100%;
        max-width: 1600px;
        margin:0px auto;
        .title{
            position: relative;
            &:before{
                content: "●";
                position: absolute;
                left: -15px;
                top: 0;
            }
            &.green{
                &:before{
                    content:"●";
                    color:#36BC75;
                }
            }
            &.yellow{
                &:before{
                    content:"●";
                    color:#F8BF52;
                }
            }
            &.orange{
                &:before{
                    content:"●";
                    color:#F89452;
                }
            }
            &.red{
                &:before{
                    content:"●";
                    color:#FF5959;
                }
            }
            &.purple{
                &:before{
                    content:"●";
                    color:#9c27b0;
                }
            }
        }
    }
}